{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"收款方式",back:1} %}

<mu-form ref="form" :model="form"  label-position="top" label-width="200">
    <div class="fs8 bdtso pad10 lh2">
        <div class="bc3  flrc fs10 pad5 pos-r">
            <div class="flex2">收款渠道</div>
            <div class="pad5 c13 flex5">微信或支付宝</div>
        </div>
        <div class="bc3 flrc fs10 pad5 pos-r mart5">
            <div class="flex2">收款账号</div>
            <div class="c13 flex5">
                <input class="c13" placeholder="请输入微信或支付宝收款账号" type="text" name="username">
            </div>
        </div>
        <div class="fs8">收款二维码</div>
        <div class="bc3 fs10 padl5 padr5 flrc padt10">
            <mu-form-item label="" :rules="[rules.notNull]" prop="headPic">
                <div class="flcc flex-fill flex1">
                    <mu-paper class="ofh wh60-60" :z-depth="1">
                         <img class="wh60-60" :src="form.picV" v-if="form.headPic" onerror="this.src=pic404">
                    </mu-paper>

                    <div class="mart5 w60">
                        <mu-button color="" small @click="selectEditPic()" full-width>
                            选择图片
                        </mu-button>
                    </div>
                </div>
            </mu-form-item>
            <div class="pos-f b0 l0 w100 bc11 c13 flrc fs10" style="height: 11vw" v-if="toolsShow">
                <div class="flex1 tac"><mu-button @click="save()">保存</mu-button></div>
                <div class="flex1 tac"><mu-button @click="reset()">重置</mu-button></div>
                <div class="flex1 tac"><mu-button @click="close()">取消</mu-button></div>
            </div>
        </div>
    </div>
    <div class="pad10">
        <mu-button round :color="c1" large @click="selectEditPic()" full-width>
            保存
        </mu-button>
    </div>
</mu-form>
{% endblock %}

{% block myJs %}
{% endblock %}
